<template>
    <Descriptions title="地址信息">
        <DescriptionsItem label="作者">syf5sssss</DescriptionsItem>
        <DescriptionsItem label="Gitee Front">https://gitee.com/syf5sssss/nasfast</DescriptionsItem>
        <DescriptionsItem label="Gitee Back">https://gitee.com/syf5sssss/keep-back</DescriptionsItem>
        <DescriptionsItem label="创建时间">2024-09-14</DescriptionsItem>
    </Descriptions>

    <Descriptions title="项目信息" bordered>
        <DescriptionsItem v-for="version, name in dependencies" :key="name" :label="name">{{ version }}
        </DescriptionsItem>
    </Descriptions>
</template>




<script setup>
import { ref } from 'vue';
import {
    Descriptions,
    DescriptionsItem,
} from "ant-design-vue";

// 直接将环境变量赋值给响应式变量
const dependencies = ref(import.meta.env.PACKAGE_INFO.dependencies);
console.log(dependencies.value);
for (let index = 0; index < dependencies.value.length; index++) {
    const element = dependencies.value[index];
    console.log(element);
}
</script>

<style scoped>
.dependencies-list ul {
    list-style-type: none;
    padding: 0;
}

.dependencies-list li {
    margin: 5px 0;
}
</style>